<script setup lang="ts">
import {reactive,ref} from 'vue'
import datePicker from '../../../components/datetimepicker/index.vue'
import cascader from '../../../components/cascader/index.vue'

const form = reactive({total:100})
</script>

<template>
    <el-row>
        <el-col :span="20" :offset="2">
            <div class="dw-table-form" style="padding-left: 60px;" >
                <el-form  class="dw-form-inline" :data="form">
                    <el-form-item label="开放区域">
                        <cascader :msg="'area'" ></cascader>
                    </el-form-item>
                    <!-- <el-form-item label="开放区域" v-else-if="mid_admin==='true'">
                        <cascader :msg="'area'" ></cascader>
                    </el-form-item> -->
                    <el-form-item label="开放数量">
                        <el-input-number  :min="100" :max="10000" v-model="form.total"/>
                    </el-form-item>
                    <el-form-item label="开放时间" >
                        <datePicker />
                    </el-form-item>
                    
                    <el-form-item >
                        <el-button>重置</el-button>
                        <el-button type="primary">开放</el-button>
                    </el-form-item>
                </el-form>
            </div>
        </el-col>
    </el-row>
</template>

<style lang="scss" scoped>
.dw-table-form {
    background-color: white;
    padding: 20px;
    margin-bottom: 20px;
}
</style>